<#include "../macro/seller.html" />
<@layout>
		<div class="admin-content" >
			<input type="hidden" id="numids" value="${numids!}">
			 <input type="hidden" id="banner" value="banner_blue.jpg"> 
			 <img src="../image/select_banner.png">
			<!-- 810x260 -->
			<div class="checkbox1"></div>
			<!--810x470 -->
			<div class="checkbox2"></div>
			<!-- 810x680 -->
			<div class="checkbox3"></div>
		</div>
		<div class="publish"></div>
	<style>

.checkbox1 {
	position: absolute;
	width: 26px;
	height: 26px;
	left: 810px;
	top: 290px;
	background: url("../image/sel.png");
	background-size: 100% 100%;
}

.checkbox2 {
	position: absolute;
	width: 26px;
	height: 26px;
	left: 810px;
	top: 495px;
	background: url("../image/nosel.png");
	background-size: 100% 100%;
}

.checkbox3 {
	position: absolute;
	width: 26px;
	height: 26px;
	left: 810px;
	top: 695px;
	background: url("../image/nosel.png");
	background-size: 100% 100%;
}

.publish {
	position: absolute;
	width: 300px;
	height: 60px;
	left: 459px;
	top: 847px;
	cursor:pointer;
	background: url("../image/publish.png");
	background-size: 100% 100%;
}
</style>
	<script type="text/javascript">
		var divcss = {
			background : '#EEE',
			width : '478px',
			margin : '10px 0 0',
			padding : '5px 10px',
			border : '1px solid #CCC'
		};
		$(function() {
			$(".checkbox1").click(function() {
				$(this).css({
					"background" : "url('../image/sel.png')",
					"background-size" : "100% 100%"
				});
				$(".checkbox2").css({
					"background" : "url('../image/nosel.png')",
					"background-size" : "100% 100%"
				});
				$(".checkbox3").css({
					"background" : "url('../image/nosel.png')",
					"background-size" : "100% 100%"
				});
				$("#banner").val("banner_blue.jpg");
			});
			$(".checkbox2").click(function() {
				$(this).css({
					"background" : "url('../image/sel.png')",
					"background-size" : "100% 100%"
				});
				$(".checkbox1").css({
					"background" : "url('../image/nosel.png')",
					"background-size" : "100% 100%"
				});
				$(".checkbox3").css({
					"background" : "url('../image/nosel.png')",
					"background-size" : "100% 100%"
				});
				$("#banner").val("banner_red.jpg");
			});
			$(".checkbox3").click(function() {
				$(this).css({
					"background" : "url('../image/sel.png')",
					"background-size" : "100% 100%"
				});
				$(".checkbox1").css({
					"background" : "url('../image/nosel.png')",
					"background-size" : "100% 100%"
				});
				$(".checkbox2").css({
					"background" : "url('../image/nosel.png')",
					"background-size" : "100% 100%"
				});
				$("#banner").val("banner_yellow.jpg");
			});
			$(".publish").click(function() {
				var numids = $("#numids").val();
				var banner = $("#banner").val();
				$.post("../selleradmin/publish", {
					numids : numids,
					banner : banner
				}, function(data) {
					alert(data);
					window.location.href="../selleradmin/toProductList?pageNo=1";
				});

			});

		});
	</script>
</@layout>